.editor-main {
  // 正文行高
  --text-line-height: 28px;
  // 正文字号
  --text-font-size: 16px;
  // 正文字体颜色
  --text-font-color: #333333;
  // 正文字体
  --text-font-family: 'Open Sans', 'Noto Sans SC', Menlo, "Ubuntu Mono", Consolas, "Courier New", "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  // 引用背景
  --blockquote-background: inherit;
  // 引用边框颜色
  --blockquote-border-color: #d8d8d8;
  // 引用字体颜色
  --blockquote-font-color: #aaa;
  // 超链接字体颜色
  --link-font-color: #448aff;
  --ir-bracket-color: #448aff;
  // 粗体字体
  --bold-font-family: 'Open Sans', 'Noto Sans SC', Menlo, "Ubuntu Mono", Consolas, "Courier New", "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  // 编辑器背景颜色
  --editor-bg-color: transparent !important;

  @media (prefers-color-scheme: dark) {
    --editor-bg-color: transparent !important;
    --panel-background-color: transparent;
    --text-font-color: #f0f0f0;
    --blockquote-border-color: #555;
    --blockquote-font-color: #969696;
    --blockquote-background: none repeat scroll 0 0 rgba(51,51,51,.5);
  }

  @mixin hStyle {
    margin: 32px 0 20px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: var(--bold-font-family);
    &::before {
      cursor: pointer;
    }
  }

  --panel-background-color: transparent;
  // line-height: var(--text-line-height);
  // font-size: var(--text-font-size);
  // color: var(--text-font-color);
  // font-family: var(--text-font-family);

  & > h1 {
    font-size: 32px;
    line-height: 44px;
    border: none;
    @include hStyle;
  }
  & > h2 {
    font-size: 28px;
    line-height: 40px;
    border: none;
    @include hStyle;
  }
  & > h3 {
    font-size: 24px;
    line-height: 36px;
    @include hStyle;
  }
  & > h4 {
    font-size: 20px;
    line-height: 32px;
    @include hStyle;
  }
  & > h5 {
    font-size: 16px;
    line-height: 28px;
    @include hStyle;
  }
  & > h6 {
    font-size: 16px;
    line-height: 28px;
    color: #aaaaaa;
    @include hStyle;
  }

  a {
    color: var(--link-font-color);
    line-height: 24px;
  }
  blockquote {
    padding: 0 1em;
    line-height: 24px;

    &::before {
      width: .25em;
      left: 0;
      background: var(--blockquote-border-color);
    }
  }

}

#editor-dialog-background {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}